<html><body><svg width="600" height="600" xmlns="http://www.w3.org/2000/svg">
 <defs>
   <lineargradient x1="0" x2="1" id="gradient">
     <stop stop-color="#0f0" offset="0"></stop>
     <stop stop-color="#0f0" offset="0.5"></stop>
     <stop stop-color="#00f" offset="0.5"></stop>
     <stop stop-color="#00f" offset="1"></stop>
   </lineargradient>
 </defs>
 <g transform="scale(6)" y="50">
   <text y="10" font-size="10" fill="url(#gradient)">Text needs to have</text>
   <text y="30" font-size="10" fill="url(#gradient)">identical sharp gradient fill.</text>
 </g>
</svg>
</body>
</html>
